﻿<!DOCTYPE HTML>
<!--[if IE 8]> <html class="ie8 no-js"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
	<!-- begin meta -->
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- end meta -->
	
	<!-- begin CSS -->
	<link href="style.css" type="text/css" rel="stylesheet" id="main-style">
	<link href="css/responsive.css" type="text/css" rel="stylesheet">
	<!--[if IE]> <link href="css/ie.css" type="text/css" rel="stylesheet"> <![endif]-->
	<link href="css/colors/blue.css" type="text/css" rel="stylesheet" id="color-style">
    <link href="style-switcher/style-switcher.css" type="text/css" rel="stylesheet">
	<!-- end CSS -->
	
    <link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon">

	<!-- begin JS -->
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> <!-- jQuery -->
    <script src="js/ie.js" type="text/javascript"></script> <!-- IE detection -->
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <!-- jQuery easing -->
	<script src="js/modernizr.custom.js" type="text/javascript"></script> <!-- Modernizr -->
    <!--[if IE 8]>
    <script src="js/respond.min.js" type="text/javascript"></script> 
    <script src="js/selectivizr-min.js" type="text/javascript"></script> 
    <![endif]--> 
    <script src="style-switcher/style-switcher.js" type="text/javascript"></script> <!-- style switcher -->
    <script src="js/ddlevelsmenu.js" type="text/javascript"></script> <!-- drop-down menu -->
    <script type="text/javascript"> <!-- drop-down menu -->
        ddlevelsmenu.setup("nav", "topbar");
    </script>
    <script src="js/tinynav.min.js" type="text/javascript"></script> <!-- tiny nav -->
    <script src="js/jquery.validate.min.js" type="text/javascript"></script> <!-- form validation -->
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script> <!-- slider -->
    <script src="js/jquery.jcarousel.min.js" type="text/javascript"></script> <!-- carousel -->
    <script src="js/jquery.ui.totop.min.js" type="text/javascript"></script> <!-- scroll to top -->
    <script src="js/jquery.fitvids.js" type="text/javascript"></script> <!-- responsive video embeds -->
    <script src="js/jquery.tweet.js" type="text/javascript"></script> <!-- Twitter widget -->
    <script type="text/javascript" src="js/revslider.jquery.themepunch.plugins.min.js"></script> <!-- swipe gestures -->
    <script src="js/jquery.tipsy.js" type="text/javascript"></script> <!-- tooltips -->
    <script src="js/jquery.fancybox.pack.js" type="text/javascript"></script> <!-- lightbox -->
    <script src="js/jquery.fancybox-media.js" type="text/javascript"></script> <!-- lightbox -->
    <script src="js/froogaloop.min.js" type="text/javascript"></script> <!-- video manipulation -->
    <script src="js/custom.js" type="text/javascript"></script> <!-- jQuery initialization -->
    <!-- end JS -->
	
	<title>Exquiso - Responsive Multi-Purpose Theme</title>
</head>

<body class="boxed">
<!-- begin container -->
<div id="wrap">
	<!-- begin header -->
    <header id="header" class="container clearfix">
    	<!-- begin logo -->
        <h1 id="logo"><a href="index-2.html"><img src="images/logo1.png" alt="Exquiso" width="70%"></a></h1>
        <!-- end logo -->
        
        <!-- begin navigation wrapper -->
        <div class="nav-wrap clearfix">
        
        <!-- begin search form -->
        <form id="search-form" action="search.php" method="get">
            <input id="s" type="text" name="s" placeholder="Search &hellip;" style="display: none;">
            <input id="search-submit" type="submit" name="search-submit" value="Search">
        </form>
        <!-- end search form -->

        <!-- begin navigation -->
        <nav id="nav">
            <ul id="navlist" class="clearfix">
                <li class="current"><a href="index-2.html" rel="submenu1">Home</a>
                    <ul id="submenu1" class="ddsubmenustyle">
                        <li><a href="index-2.html">Home 1 &ndash; FlexSlider</a></li>
                        <li><a href="index-3.html">Home 2 &ndash; Revolution Slider + Layout Variation</a></li>
                    </ul>
                </li>
                <li><a href="#" rel="submenu2">Templates</a>
                    <ul id="submenu2" class="ddsubmenustyle">
                        <li><a href="about-us.html">About Us</a></li>
                        <li><a href="services.html">Services</a></li>
                        <li><a href="testimonials.html">Testimonials</a></li>
                        <li><a href="sitemap.html">Sitemap</a></li>
                        <li><a href="404-error-page.html">404 Error Page</a></li>
                        <li><a href="search-results.html">Search Results</a></li>
                        <li><a href="full-width-page.html">Full Width Page</a></li>
                        <li><a href="page-right-sidebar.html">Page with Right Sidebar</a></li>
                        <li><a href="page-left-sidebar.html">Page with Left Sidebar</a></li>
                        <li><a href="#">Multi-Level Drop-Down</a>
                            <ul>
                                <li><a href="#">Drop-Down Example</a></li>
                                <li><a href="#">Multi-Level Drop-Down</a>
                                    <ul>
                                        <li><a href="#">Drop-Down Example</a></li>
                                        <li><a href="#">Drop-Down Example</a></li>
                                        <li><a href="#">Drop-Down Example</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Drop-Down Example</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#" rel="submenu3">Features</a>
                    <ul id="submenu3" class="ddsubmenustyle">
                        <li><a href="elements.html">Elements</a></li>
                        <li><a href="grid-columns.html">Grid Columns</a></li>
                        <li><a href="pricing-tables.html">Pricing Tables</a></li>
                        <li><a href="media.html">Media</a></li>
                    </ul>
                </li>
                <li><a href="#" rel="submenu4">Portfolio</a>
                    <ul id="submenu4" class="ddsubmenustyle">
                        <li><a href="portfolio.html">Portfolio Overview &ndash; 4 Columns</a></li>
                        <li><a href="portfolio-3cols.html">Portfolio Overview &ndash; 3 Columns</a></li>
                        <li><a href="portfolio-2cols.html">Portfolio Overview &ndash; 2 Columns</a></li>
                        <li><a href="portfolio-item-slider.html">Portfolio Item &ndash; Slider</a></li>
                        <li><a href="portfolio-item-image.html">Portfolio Item &ndash; Image</a></li>
                        <li><a href="portfolio-item-video.html">Portfolio Item &ndash; Video</a></li>
                    </ul>
                </li>
                <li><a href="#" rel="submenu5">Blog</a>
                    <ul id="submenu5" class="ddsubmenustyle">
                        <li><a href="blog.html">Blog Overview</a></li>
                        <li><a href="blog-post-image.html">Blog Post &ndash; Image</a></li>
                        <li><a href="blog-post-slider.html">Blog Post &ndash; Slider</a></li>
                        <li><a href="blog-post-video.html">Blog Post &ndash; Video</a></li>
                        <li><a href="blog-post-no-media.html">Blog Post &ndash; No Media</a></li>
                    </ul>
                </li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
        <!-- end navigation -->
        
        </div>
        <!-- end navigation wrapper -->
    </header>
    <!-- end header -->

    <!-- begin slider -->
    <section id="slider-home">
        <div id="flexslider-home" class="flex-container container">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <img src="images/slider/slides/940x400/modern-skyscraper-940x400.png" alt="Modern Skyscraper">
                        <div class="flex-caption">
                            <h2>Web Design Solutions for Business</h2>
                            <div>
                                <a class="button" href="#/user/ixtendo/portfolio">Learn More</a>
                                <p>Mauris fringilla nibh vitae turpis rhoncus ornare luctus nibh tincidunt. Duis ultricies imperdiet leo id dictum amet magna. </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/slider/slides/940x400/business-woman-940x400.png" alt="Business Woman">
                        <div class="flex-caption">
                            <h2>海阔天作岸</h2>
                            <div>
                                <a class="button" href="#/user/ixtendo/portfolio">Learn More</a>
                                <p>汇海华天将以“全心服务 成就电力”的理念，用“开拓、求实、创新、高效”的企业精神，不断提升核心竞争力，去实现“创世界品牌 树百年汇海华天”的目标</p>
                            </div>  
                        </div>
                    </li>
                    <li>
                        <img src="images/slider/slides/940x400/computer-room-940x400.png" alt="Computer Room">
                        <div class="flex-caption">
                            <h2>Impress Website Visitors Instantly</h2>
                            <div>
                                <a class="button" href="#/user/ixtendo/portfolio">Learn More</a>
                                <p>Etiam aliquam hendrerit ante, a ullamcorper ante vulputate vitae. Fusce ante eros, porta eget bibendum in imperdiet.</p>
                            </div>   
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- end slider -->
        
    <!-- begin content -->
    <section id="content" class="container clearfix">
        <!-- begin intro -->
        <section class="intro">
        	<h1>Hi, we're <strong>Exquiso</strong>. We turn ideas into <strong>exquisite things</strong>.</h1>
        </section>
        <!-- end intro -->
        
        <hr>
        
        <!-- begin services -->
        <section>
        	<div class="iconbox-wrap clearfix">
                <div class="one-fourth">
                    <div class="iconbox applications">
                        <a href="services.html#design">
                            <h3 class="iconbox-title"><span class="iconbox-icon"></span>Design</h3>
                            <p>Sed tincidunt imperdiet sollicitudin. Maecenas luctus ipsum ut ante interdum ornare in at tortor. Mauris eros metus, rhoncus vitae dictum.</p>
                        </a>
                    </div>
                </div>
                
                <div class="one-fourth">
                    <div class="iconbox cog">
                        <a href="services.html#development">
                            <h3 class="iconbox-title"><span class="iconbox-icon"></span>Development</h3>
                            <p>Aenean feugiat interdum ligula, eget facilisis nunc ornare eu. Etiam vestibulum ultricies hendrerit. Praesent porttitor leo a erat ornare dictum.</p>
                        </a>
                    </div>
                </div>
                
                <div class="one-fourth">
                    <div class="iconbox iphone">
                        <a href="services.html#mobile">
                            <h3 class="iconbox-title"><span class="iconbox-icon"></span>Mobile</h3>
                            <p>Donec tristique fermentum lectus, eu tincidunt lacus vestibulum non. Nam nibh velit, dapibus ac imperdiet vitae, pellentesque ac ante.</p>
                        </a>
                    </div>
                </div>
                
                <div class="one-fourth">
                    <div class="iconbox chemical">
                        <a href="services.html#strategy">
                            <h3 class="iconbox-title"><span class="iconbox-icon"></span>Strategy</h3>
                            <p>Mauris eros metus, rhoncus vitae dictum ac, viverra nec turpis. Donec quis lacinia arcu. Cum sociis natoque penatibus et magnis dis parturient.</p>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <!-- end services -->
        
        <hr>
        
        <!-- begin about us -->
        <section class="one-half">
            <h3>About Us</h3>
            <div id="slider-about-us" class="about-us entry-slider">
                <div id="flexslider-about-us" class="flex-container">
                    <div class="flexslider">
                        <ul class="slides">
                            <li>
                                <img src="images/entries/full-size/business-woman.jpg" alt="Our Company" title="Our Company">
                            </li>
                            <li>
                                <img src="images/entries/full-size/business-development.jpg" alt="Our Team" title="Our Team">
                            </li>
                            <li>
                                
                            </li>    
                        </ul>
                    </div>
                </div>
            </div>
            
            <p>Mauris in leo sed mauris convallis ornare vel ut lectus. Phasellus sollicitudin, nisi non vestibulum consequat, libero ante luctus justo, sit amet pharetra lacus odio quis libero. In nunc libero, mattis sed rutrum eget, placerat in enim.</p>
            <a class="button generic" href="about-us.html">Learn More</a>
        </section>
        <!-- end about us -->
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div> 
        <!-- begin latest posts -->
        <section class="one-half column-last">
            <h3>Recent News</h3>
            <!-- begin post carousel -->
            <ul class="post-carousel">
                <!-- begin first column -->
                <li>
                    <div class="entry">
                        <div class="entry-date">
                            <div class="entry-day">15</div>
                            <div class="entry-month">Jan</div>   
                        </div>
                        <div class="entry-body">
                            <h4 class="entry-title"><a href="blog-post-image.html">Responsive Web Design Techniques, Tools and Strategies</a></h4>
                            <div class="entry-content">
                                <p>Aliquam quis libero dapibus ante rhoncus eleifend quis vitae erat. Quisque vel nisi nibh. Suspendisse ipsum lorem integer nec interdum massa. Sed ornare rutrum sem, vitae imperdiet risus ullamcorper &hellip;</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="entry">
                        <div class="entry-date">
                            <div class="entry-day">10</div>
                            <div class="entry-month">Dec</div>   
                        </div>
                        <div class="entry-body">
                            <h4 class="entry-title"><a href="blog-post-slider.html">Designing For Device Orientation: From Portrait To Landscape</a></h4>
                            <div class="entry-content">
                                <p>Phasellus varius, felis ac ullamcorper aliquet, justo nunc laoreet turpis, eget pharetra nulla arcu sed purus curabitur hendrerit bibendum erat, id sollicitudin arcu adipiscing eget. Nullam in nibh eget sapien &hellip;</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="entry">
                        <div class="entry-date">
                            <div class="entry-day">27</div>
                            <div class="entry-month">Nov</div>   
                        </div>
                        <div class="entry-body">
                            <h4 class="entry-title"><a href="blog-post-video.html">Useful Talks and Videos from Web Design Conferences</a></h4>
                            <div class="entry-content">
                                <p>Aliquam quis libero dapibus ante rhoncus eleifend quis vitae erat. Quisque vel nisi nibh. Suspendisse ipsum lorem integer nec interdum massa. Sed ornare rutrum sem, vitae imperdiet risus ullamcorper &hellip;</p>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- end first column -->
                
                <!-- begin second column -->
                <li>
                    <div class="entry">
                        <div class="entry-date">
                            <div class="entry-day">4</div>
                            <div class="entry-month">Oct</div>   
                        </div>
                        <div class="entry-body">
                            <h4 class="entry-title"><a href="blog-post-no-media.html">The Creative Way to Maximize Design Ideas with Type</a></h4>
                            <div class="entry-content">
                                <p>Phasellus varius, felis ac ullamcorper aliquet, justo nunc laoreet turpis, eget pharetra nulla arcu sed purus curabitur hendrerit bibendum erat, id sollicitudin arcu adipiscing eget. Nullam in nibh eget sapien &hellip;</p>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- end second column -->
            </ul>
            <!-- end post carousel -->
            
            <a class="button generic" href="blog.html">Learn More</a>
        </section>
        <!-- end latest posts -->
        
        <hr>
        
        <!-- begin latest projects -->
        <section>
        	<h3>Latest Projects</h3>
            <!-- begin project carousel -->
            <ul class="project-carousel project-list">
            	<!-- begin row 1 -->
                <li class="entry">
                    <a class="entry-image lightbox" href="images/entries/full-size/digital-tablet.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/digital-tablet-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-image.html">
                        <h4 class="entry-title">Digital Tablet</h4>
                        <div class="entry-content">
                            <p>Image with lightbox</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox" rel="business-development" href="images/entries/full-size/business-development.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/business-development-220x140.png" alt=""></a>
                    <a class="entry-image lightbox invisible" rel="business-development" href="images/entries/full-size/digital-tablet.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/digital-tablet-220x140.png" alt=""></a>
                    <a class="entry-image lightbox invisible" rel="business-development" href="images/entries/full-size/computer-room.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/computer-room-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-slider.html">
                        <h4 class="entry-title">Business Development</h4>
                        <div class="entry-content">
                            <p>Lightbox gallery</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox" href="images/entries/full-size/modern-skyscraper.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/modern-skyscraper-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-image.html">
                        <h4 class="entry-title">Modern Skyscraper</h4>
                        <div class="entry-content">
                            <p>Image with lightbox</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox" rel="computer-room" href="images/entries/full-size/computer-room.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/computer-room-220x140.png" alt=""></a>  
                    <a class="entry-image lightbox invisible" rel="computer-room" href="images/entries/full-size/network.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/network-220x140.png" alt=""></a>
                    <a class="entry-image lightbox invisible" rel="computer-room" href="images/entries/full-size/digital-tablet.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/digital-tablet-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-slider.html">
                        <h4 class="entry-title">Computer Room</h4>
                        <div class="entry-content">
                            <p>Lightbox gallery</p>
                        </div>
                    </a>
                </li>
                <!-- begin row 2 -->
                <li class="entry">
                    <a class="entry-image lightbox" href="images/entries/full-size/network.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/network-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-image.html">
                        <h4 class="entry-title">Network</h4>
                        <div class="entry-content">
                            <p>Image with lightbox</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox-video" href="" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/the-third-and-the-seventh-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-video.html">
                        <h4 class="entry-title">The Third &amp; the Seventh</h4>
                        <div class="entry-content">
                            <p>Video with lightbox (Vimeo)</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox-video" href=""><span class="overlay zoom"></span><img src="images/entries/220x140/we-feed-the-network-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-video.html">
                        <h4 class="entry-title">We Feed the Network</h4>
                        <div class="entry-content">
                            <p>Video with lightbox (YouTube)</p>
                        </div>
                    </a>
                </li>
            </ul>
            <!-- end project carousel -->
        </section>
        <!-- end latest projects -->
        
        <hr>
        
        <!-- begin clients -->
        <section>
        	<h3>Our Clients</h3>
            <div class="client-wrap">
                <ul class="clients clearfix">
                    <li><a href="#"><img src="images/client-logos/themeforest.png" alt="ThemeForest" title="ThemeForest"></a></li>
                    <li><a href="#"><img src="images/client-logos/photodune.png" alt="PhotoDune" title="PhotoDune"></a></li>
                    <li><a href="#"><img src="images/client-logos/audiojungle.png" alt="AudioJungle" title="AudioJungle"></a></li>
                    <li><a href="#"><img src="images/client-logos/codecanyon.png" alt="CodeCanyon" title="CodeCanyon"></a></li>
                    <li><a href="#"><img src="images/client-logos/graphicriver.png" alt="GraphicRiver" title="GraphicRiver"></a></li>
                </ul>
            </div>
        </section>
        <!-- end clients -->  
    </section>
    <!-- end content -->  
    
    <!-- begin footer -->
	<footer id="footer">
        <!-- begin footer top -->
        <div id="footer-top">
        	<div class="container clearfix">
                <div class="one-fourth">
                    <div class="widget">
                        <h3>Text Widget</h3>
                        <p>Cras pretium elit quis nunc congue ut sollicitudin ante mattis. Nam cursus tellus vel libero pretium ut sagittis felis.</p>
						<p>Etiam laoreet nisl a dolor convallis euismod. Nulla felis velit, elementum ut fringilla ac, tincidunt eu justo.</p>
                    </div>
                </div>
                <div class="one-fourth">
                    <div class="widget twitter-widget">
                        <h3>Latest Tweets</h3>
                        <div class="tweet"></div>
                    </div>
                </div>
                <div class="one-fourth">
                    <div class="widget newsletter">
                        <h3>Newsletter</h3>
                        <p>Subscribe to our email newsletter for useful tips and valuable resources sent out every second Monday.</p>
                        <div id="newsletter-notification-box-success" class="notification-box notification-box-success" style="display: none;">
                            <p>You have successfully subscribed to our newsletter.</p>
                            <a href="#" class="notification-close notification-close-success">x</a>
                        </div>
        
                        <div id="newsletter-notification-box-error" class="notification-box notification-box-error" style="display: none;">
                            <p>Your email address couldn't be subscribed because a server error occurred. Please try again later.</p>
                            <a href="#" class="notification-close notification-close-error">x</a>
                        </div>
                        <form id="newsletter-form" class="content-form" action="#" method="post">
                            <input id="newsletter" type="email" name="newsletter" placeholder="Enter your email address &hellip;" class="required">
                            <input id="subscribe" class="button" type="submit" name="subscribe" value="Subscribe">
                        </form>
                    </div>
                </div>
                <div class="one-fourth column-last">
                    <div class="widget contact-info">
                        <h3>Contact Info</h3>
                        <div>
                            <p class="address"><strong>Address:</strong> 123 Street, City, Country</p>
                            <p class="phone"><strong>Phone:</strong> (123) 456-7890</p>
                            <p class="fax"><strong>Fax:</strong> (123) 456-7890</p>
                            <p class="email"><strong>Email:</strong> <a href="mailto:office@company.com">office@company.com</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end footer top -->

        <!-- begin footer bottom -->
        <div id="footer-bottom">
        	<div class="container clearfix">
                <div class="one-half">
                    <p>Copyright &copy; 2013 Exquiso. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>.</p>
                </div>
        
                <div class="one-half column-last">
                    <ul class="social-links">
                        <li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                        <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                        <li class="google-plus"><a href="#" title="Google+" target="_blank">Google+</a></li>
                        <li class="linkedin"><a href="#" title="LinkedIn" target="_blank">LinkedIn</a></li>
                        <li class="vimeo"><a href="#" title="Vimeo" target="_blank">Vimeo</a></li>
                        <li class="youtube"><a href="#" title="YouTube" target="_blank">YouTube</a></li>
                        <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end footer bottom -->
	</footer>
	<!-- end footer -->  
</div>
<!-- end container -->
</body>
</html>